@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/SF.gif);
	background-position: center top;
}
#warnaback {
	background-color:#F0F2F6;}
#outside {
	width: 744px;
	margin-right: auto;
	margin-left: auto;
	display:table;
}
#outside2 {
	display: table-cell;
	vertical-align: middle;
}
.back1s {
	background-image: url(../images/stiped1.png);
	background-repeat: no-repeat;
	width: 10px;
	height: 33px;
}
.back2s {
	background-image: url(../images/stiped2.png);
	background-repeat: repeat-x;
	background-position: center;
}
.back3s {
	background-image: url(../images/stiped3.png);
	background-repeat: no-repeat;
	width: 10px;
}
.back1 {
	background-image: url(../images/back1.png);
	background-repeat: no-repeat;
	width: 10px;
	height: 33px;
}
.back2 {
	background-image: url(../images/back2.png);
	background-repeat: repeat-x;
	background-position: center;
}
.back3 {
	background-image: url(../images/back3.png);
	background-repeat: no-repeat;
	width: 10px;
}
.back4 {
	background-image: url(../images/back4.png);
	background-repeat: repeat-y;
}
.back5 {
	background-image: url(../images/back5.png);
	background-repeat: repeat-y;
}
.back6 {
	background-image: url(../images/back6.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
}
.back7 {
	background-image: url(../images/back7.png);
	background-repeat: repeat-x;
}
.back8 {
	background-image: url(../images/back8.png);
	background-repeat: no-repeat;
}
#judul-bar {
	font-size: 10pt;
	color: #F0F2F6;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 2px;
}
#sflogo {
	padding-top: 30px;
	padding-bottom: 25px;
	text-align: center;
	width:300px;
	display:table;
	margin:auto;
}

.pertanyaan {
	font-size: 13pt;
	font-weight: normal;
	color: #333;
	padding-top: 10px;
	padding-bottom: 11px;
}
.pertanyaan1 {
	font-size: 11pt;
	font-weight: normal;
	color: #333;
	padding-top: 0px;
	padding-bottom: 11px;
}
.pertanyaan0 {
	font-size: 11pt;
	font-weight: normal;
	color: #333;
	padding-top: 0px;
	padding-bottom: 6px;
}
.pertanyaan2 {
	font-size: 13pt;
	font-weight: normal;
	color: #333;
	padding-top: 10px;
	padding-bottom: 11px;
	padding-left: 5px;
}
.pertanyaan3 {
	text-align:center;
	font-size: 13pt;
	font-weight: normal;
	color: #333;
	padding-top: 10px;
	padding-bottom: 11px;
}
.pertanyaan4 {
	text-align:center;
	font-size: 11pt;
	font-weight: normal;
	color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pertanyaanmulai {
	text-align:center;
	font-size: 11pt;
	font-weight: normal;
	color: #444;
	padding-top: 10px;
	padding-bottom: 6px;
}



.nama-ins {
	font-size: 12pt;
	font-weight: normal;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	text-shadow: #fff 1px 1px 1px;
}
.nama-ins2 {
	font-size: 14pt;
	font-weight: bold;
	color: #333;
	padding-top: 10px;
	padding-bottom: 1px;
}
.tanyapoll {
	font-size: 12pt;
	font-weight: normal;
	color: #333;
	padding-top: 10px;
	padding-bottom: 5px;
}
.tanyapoll2 {
	font-size: 12pt;
	font-weight: normal;
	color: #333;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 4px;
	width: 32px;
}
.penjelasan {
	font-size: 8pt;
	color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 1px;
}

.penjelasan2 {
	text-align:center;
	font-size: 9pt;
	color: #666;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 1px;
}
.penjelasan3 {
	font-size: 8pt;
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1px;
}

.bingkai {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.batas-ver {
	background-image: url(../images/batas-ver.png);
	background-repeat: repeat-y;
	background-position: center center;
	width: 5px;
}
.batas-verCopy {
	background-image: url(../images/batas-ver.png);
	background-repeat: repeat-y;
	background-position: center center;
	width: 25px;
	float:left;
	min-height: 160px;
}

.batas-hor {
	background-image: url(../images/batas-hor.png);
	background-repeat: repeat-x;
	background-position: center center;
	height: 8px;
}
body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
}

.tempat1 {
	padding-right: 0px;
	padding-left: 5px;
}
.tempat1b {
	padding-right: 0px;
	padding-left: 5px;
	width: 400px;
}

.tempat2 {
	padding-right: 5px;
	padding-left: 20px;
}
.tempat3{
	padding-right: 5px;
	padding-left: 10px;
}
.tempat4{
	padding-right: 5px;
	padding-left: 5px;
}
.rounded {
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #e4e8ee;
	padding-bottom: 2px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 0px;
	color: #333;
}

.rounded2 {
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #e4e8ee;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	color: #333;
	height: 185px;
}
.rounded2y {
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #e4e8ee;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	color: #333;
	height: 130px;
}
.rounded2x {
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #e4e8ee;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	color: #333;
	height: 215px;
}

.rounded3 {
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #d5d9df;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
	color: #333;
}
.rounded4 {
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #e4e8ee;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 10px;
	color: #333;
}
.rounded5 {
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #e4e8ee;
	padding-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;
	color: #333;
	padding-top: 15px;
}

.rounded_error {
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #5b5f68;
	padding: 2px 10px ;
	color: #fff;
}
.tempatfoto {
	padding-right: 8px;
	padding-top: 5px;
	height: 74px;
}
.padtop5 {
	padding-top: 8px;
}
.abstain {
	font-size: 10pt;
	color: #919191;
}
.pilihan {
	padding-left: 12px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.jarakpoll{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 2px;
	padding-left: 2px;
	}
.logintop {
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 34px;
	width: 350px;
}
.loginbottom {
	background-image: url(../images/bottom.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 9px;
	width: 350px;
}
.loginside1 {
	background-image: url(../images/side1.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 247px;
	width: 5px;
}
.loginside2 {
	background-image: url(../images/side2.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 247px;
	width: 5px;
}
.loginform1 {
	height: 33px;
	width: 240px;
	border: 1px solid #D6D6D6;
	box-shadow:inset 0 0 2px #D6D6D6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9fa ;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-family:"Century Gothic";
	font-size:15px;
}
.loginform1:focus {

}


.logintext {
	font-size: 9pt;
	color: #575B62;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.beginbutton {
	background-image: url(../images/begin.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 103px;
	cursor:pointer;
			display: block;
		text-decoration:none;
}
.beginbutton:hover {
	background-image: url(../images/beginhover.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 103px;
	cursor:pointer;
}
.loginbutton {
	background-image: url(../images/login.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 103px;
	cursor:pointer;
			display: block;
		text-decoration:none;
}
.loginbutton:hover {
	background-image: url(../images/loginpress.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 103px;
	cursor:pointer;
}
.nextbutton {
	background-image: url(../images/tombolnext.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 86px;
	cursor:pointer;
        text-decoration:none;
}

.nextbutton:hover {
	background-image: url(../images/tombolnexthover.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 86px;
	cursor:pointer;
}
.combutton {
	background-image: url(../images/commentbutton.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 146px;
	cursor:pointer;
	display: block;
	text-decoration:none;
}

.combutton:hover {
	background-image: url(../images/commentbuttonhover.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 146px;
	cursor:pointer;
}
.hover-text{
	font-size: 10pt;
	position: relative;
	left: 0px;
	bottom: 0px;
	top: 0px;
	padding-top: 2px;
}
.rating-criterium{

}
.wrate1 {
	width: 245px;
}
.wrate2 {
	width: 645px;
}
.wrate3 {
	width: 100px;
	padding-top: 6px;
	padding-left: 4px;
}
.wrate4 {
	width: 155px;
	padding-top: 8px;
	padding-left: 10px;
}
.h10 {
	height: 15px;
}
.pilpil{
	padding-top: 3px;
	padding-bottom: 1px;

}
.padatas10{
	padding-top: 8px;
}
.isiuntuk {
	font-size: 12pt;
	text-align: center;
	padding: 5px;
}
.formbiasa {
	border: 1px solid #8D8D8D;
	background-color: #FFF;
	padding: 4px;
}
textarea #styled {
        width: 600px;
        height: 120px;
        border: 3px solid #cccccc;
        padding: 5px;
        font-family: Tahoma, sans-serif;
        background-image: url(bg.gif);
        background-position: bottom right;
        background-repeat: no-repeat;
}
.begin {
	font-family: "Droid Sans";
	color: #333;
	padding-left: 10px;
	padding-top: 10px;
	}
.begin0 {
	padding-right: 10px;
	padding-top: 10px;
	}
.begin0 img {
	border: 2px solid #FFF;	
	box-shadow: 0 0 2px #b4b1b1;
	}
.begin2 {
	font-size: 32pt;
	color: #333;
	font-weight: bold;
	}
.begin3 {
	font-size: 16pt;
	color: #333;
	font-weight: bold;
	padding-left:0px;
	padding-top: 3px;
	}
.begin4 {
	font-size: 10pt;
	color: #333;
	padding-top:10px;
	padding-bottom: 10px;
	}
.absen {
	background-color: #ebedf3;
	color:#333;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 2px;
	padding-left: 2px;
		border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #999;	
	}
.absen span {
	display:block;
	padding:2px 0px;
	margin:0px;
	}
.absen ul {
	margin:0;
	padding:0;
}
.absen li {
	list-style-type:none;
	display: inline-block;
	padding: 0;
	text-align:center;
	padding: 0 5px;
	font-size:10pt;
	}
#sesike {
	width:auto;
	text-align:left;
	padding-left:4px;
}
.tigapuluh {
	width:31%;}
.ukuranform1 {
	width:500px;
	}			
.ukuranform2 {
	width:600px;
	}
.pad5atasbawah {
	padding: 5px 0;}
#oops {
	font-size: 11pt;
	color: #333;
	text-align: center;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	}
input.loginbutton, input.nextbutton, input.combutton {border: none;}
input.combutton {width: 148px;}
textarea.formbiasa {font-family:calibri; font-size: 18px;}
.nextbutton {border: none;}
.hujan { width:200px; float:left; min-height: 170px;}
.clear {clear: both;}

